@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.domain-header {
	.navigation-header__main {
		align-items: center;

		.formatted-header__title {
			font-size: 1.5rem;
			line-height: 1.25;
		}
	}
}

.domain-header__header-spacer {
	height: 58px;

	@include breakpoint-deprecated( "<960px" ) {
		height: 66px;
	}

	@include breakpoint-deprecated( "<660px" ) {
		height: 76px;
	}
}

.domain-header__buttons,
.domain-header__buttons-mobile {

	> * + * {
		margin-left: 16px;
	}

	& button,
	& .select-dropdown {
		height: 40px;

		.select-dropdown__header {
			height: 40px;
		}
	}

	@include break-large {
		.options-domain-button.ellipsis {
			padding-right: 0;
		}
	}
}

.domain-header__buttons-mobile {
	display: flex;

	> * + * {
		margin-left: 8px;
	}

	@include break-large {
		display: none;
	}
}

.domain-header__buttons {
	display: none;

	@include break-large {
		display: flex;
		.ellipsis-menu__toggle.button.is-borderless {
			padding: 0 15px 10px 15px;
		}
	}
}
